<div class="user-right-pannel">
    <!-- 头部 -->
    <div class="user-right-pannel-header">修改密码</div>
    <div class="user-right-pannel-body">
        <div class="body">
            <form nz-form class="loginForm" [formGroup]="resetPwsForm">
                <!-- 密码 -->
                <nz-form-item>
                    <nz-form-label [nzSpan]="5" nzRequired>密码</nz-form-label>
                    <nz-form-control [nzSpan]="18">
                        <nz-input-group  [nzPrefix]="newPwdLock">
                            <input nz-input formControlName="oldLoginPw" name="oldLoginPw" type="password" id="oldLoginPw"
                                placeholder="密码">
                        </nz-input-group>
                        <nz-form-explain
                            *ngIf="resetPwsForm.get('oldLoginPw').dirty && resetPwsForm.get('oldLoginPw').errors">输入密码不正确
                        </nz-form-explain>
                    </nz-form-control>
                </nz-form-item>
                <!-- 新密码 -->
                <nz-form-item>
                    <nz-form-label [nzSpan]="5" nzRequired>新密码</nz-form-label>
                    <nz-form-control [nzSpan]="18">
                        <nz-input-group  [nzPrefix]="newPwdLock">
                            <input nz-input formControlName="loginPw" name="loginPw" type="password" id="loginPw"
                                placeholder="密码">
                        </nz-input-group>
                        <nz-form-explain
                            *ngIf="resetPwsForm.get('loginPw').dirty && resetPwsForm.get('loginPw').errors">输入密码不正确
                        </nz-form-explain>
                    </nz-form-control>
                </nz-form-item>
                <!-- 确认密码 -->
                <nz-form-item>
                    <nz-form-label [nzSpan]="5" nzRequired>确认密码</nz-form-label>
                    <nz-form-control [nzSpan]="18">
                        <nz-input-group [nzPrefix]="newConfirmPwdLock">
                            <input nz-input formControlName="reLoginPw" name="reLoginPw" type="password" id="reLoginPw"
                                placeholder="再输密码">
                        </nz-input-group>
                        <nz-form-explain
                            *ngIf="resetPwsForm.get('reLoginPw').dirty && resetPwsForm.get('reLoginPw').errors">输入密码不正确
                        </nz-form-explain>
                    </nz-form-control>
                </nz-form-item>
                <!-- 重置 -->
                <nz-form-item>
                    <nz-form-control>
                        <button nz-button [nzType]="'primary'" (click)="submit(resetPwsForm.value)"
                            [disabled]="resetPwsForm.invalid">重置密码</button>
                    </nz-form-control>
                </nz-form-item>

            </form>
        </div>
    </div>
</div>